@charset "utf-8"; @font-face { font-family: 'iconfont'; /* project id 591377 */ src: url('//at.alicdn.com/t/font_591377_pstz373m42i.eot'); src: url('//at.alicdn.com/t/font_591377_pstz373m42i.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_591377_pstz373m42i.woff2') format('woff2'), url('//at.alicdn.com/t/font_591377_pstz373m42i.woff') format('woff'), url('//at.alicdn.com/t/font_591377_pstz373m42i.ttf') format('truetype'), url('//at.alicdn.com/t/font_591377_pstz373m42i.svg#iconfont') format('svg'); } table { border-collapse:collapse;table-layout:fixed;word-break:break-all; } table,th, td { border: 1px solid #ddd !important; padding:6px !important; line-height:1.5 !important; font-size:14px; } td p{ line-height:1.5 !important;} td a{ padding:4px 10px;text-decoration:none !important;} :hover{ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ } .iconfont { font-family:"iconfont" !important; font-size:1.6rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.01rem; -moz-osx-font-smoothing: grayscale; } /* CSS Document */ /*边距清零*/ div,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,ol{margin:0; padding:0; font-weight:normal;box-sizing:border-box;} form,span,input,select{margin:0; padding:0;outline:none;} /*----------------------------------------------------------总体设置----------------------------------------------------------*/ html{margin:0 auto;padding:0;font-size:14px; overflow-y:scroll;overflow-x:hidden;font-family:'微软雅黑'; box-sizing:border-box;font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif; } body{color:#666; margin:0 auto;padding:0; } a:link,a:visited{color:#666; text-decoration: none;} a:active{color:#666; text-decoration:none;} a:hover{color:#f00;} a{blr:expression(this.onFocus=this.blur())}/*去掉a标签虚线*/ p{ margin:0; padding:0;} img{ margin:0; padding:0; border:0;} ul,li{ list-style-type:none; margin:0; padding:0;} /*公共*/ .clear{ clear:both;} .nothing{font-size:14px; font-weight:bold; color:#fe5a0a; text-align:left;}/*资料整理中*/ .floatL{ float:left;} .floatR{ float:right;} .w1100{ max-width:1200px; margin:0 auto; z-index:1000; } .hoverimg img{-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/} .hoverimg img:hover{ -webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/ -moz-transform:scale(1.2); /*Mozilla scale version*/ -o-transform:scale(1.2); /*Opera scale version*/ } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .margin{ margin:30px auto;} /****************************************************************头部设置*********************************************************************/ .top{ background:#fff; font-size:12px; padding:10px 0; text-transform:uppercase;} .lange{ font-size:14px;} .lange a{ background:#c62c20; color:#fff; padding:3px 14px; border-radius:3px;} .lange a:nth-child(2){ background:#36F;} .logo{ margin:0 auto; background:#f6f6f6; position:relative; padding:0} .logo_1{ margin:0 auto; position:relative; max-width:1200px; padding:20px 0;} .logo_1 h1{ display:block; font-size:45px; color:#fff; padding:30px 0; text-align:center; text-transform:capitalize; font-weight:bold;} .logo_img{display:block; margin:0 auto; float:left;} .logo_img img{ display:block; margin:0;} .tel{ background:url(../images/tel.png) no-repeat center left; margin-right:30px; padding:15px 0; padding-left:65px; display:inline-block; font-size:16px; color:#000; } .tel h2{ color:#c62c20; font-weight:bold; font-size:18px;} .email{ background:url(../images/email.png) no-repeat center left;padding:15px 0; padding-left:65px; display:inline-block; font-size:16px; color:#000;} .email h2{ color:#c62c20; font-weight:bold; font-size:18px;} .logoh{ height:52px; display:none;} /********导航********/ .sjj_nav,.sp_nav{ display:none;} .navbox{ background:#c62c20; z-index:100000; font-size:16px; margin:0 auto; text-align:center; position:relative; } .nav{margin:0 auto;list-style:none; padding:0; margin:0 auto; margin:0 auto; text-align:center; display:flex; max-width:1200px;} .nav li{ float:left; text-align:center; position:relative; color:#fff; text-transform:capitalize; flex:1;height:50px; line-height:50px;} .nav li a{display:block; color:#fff; font-size:16px !important; border-radius:0; overflow:hidden; } .nav li:hover a{ display:block; color:#fff; background:#333; } .nav li.mj_hover_menu a{ display:block; color:#fff; background:#333; } .nav li .submenu{display:none; position:absolute;top:50px;left:0;font-size:12px;z-index:1000000000; width:100%; padding:0;background:#202f32;} .nav li .submenu span{ height:auto !important; line-height:2 !important; float:none;text-align:center;color:#000; font-weight:normal; background:none; margin:0 !important; padding:0; width:100%; border-top:1px solid rgba(0,0,0,0.2); display:block;} .nav li .submenu span a{ color:#fff !important; font-size:14px !important; line-height:1.4; padding:15px; background:none !important; border:0 !important; } .nav li .submenu span:hover a{ color:#ff0 !important; border:0;} .nav li .submenu span:last-of-type{ border-bottom:0;} .ennav{margin:0 auto;list-style:none; padding:0; margin:0 auto; margin:0 auto; text-align:center; max-width:1200px;} .ennav li{ float:left; text-align:center; position:relative; color:#000; height:55px; text-transform:uppercase;height:50px; line-height:50px;} .ennav li a{display:block; color:#fff;font-size:18px !important;padding:0 43.5px; overflow:hidden; } .ennav li:hover a{ display:block; color:#fff; background:#333; } .ennav li.mj_hover_menu a{ display:block; color:#fff; background:#333; } .ennav li .submenu{display:none; position:absolute;top:50px;left:0;font-size:12px;z-index:1000000000; width:100%; padding:0;background:#c62c20;} .ennav li .submenu span{ height:auto !important; line-height:1.5 !important; float:none;text-align:center;color:#000; font-weight:normal; background:none; margin:0 !important; padding:0; width:100%; border-top:1px solid rgba(0,0,0,0.1); display:block;} .ennav li .submenu span a{ color:#fff !important; font-size:12px !important; line-height:1.4; padding:15px; background:none !important; border:0 !important; } .ennav li .submenu span:hover a{ color:#ff0 !important; border:0;} .ennav li .submenu span:last-of-type{ border-bottom:0;} /********导航/********/ /*******banner条***/ .banner{ position:relative; overflow:hidden; margin:0 auto; z-index:0; width:100%;} .slider{ margin:0 auto;;} .flexslider {margin: 0;padding: 0;} .flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; } .flexslider .slides img {display: block; width:1920px; position:relative; left:50%; margin-left:-960px; position:relative;} .slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 450px;} .no-js .slides > li:first-child {display: block;} .flexslider {margin: 0 auto;position: relative;zoom: 1; width:1920px} .flexslider .slides {zoom: 1;} .flex-direction-nav {width:90%; margin:0 auto; position:relative; } .flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;bottom:230px;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 0 -90px;right:50px;} .flex-direction-nav .flex-prev {left: 50px;} .flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);} .flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);} .flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;} .flex-control-nav li {margin: 0 2px;display: inline-block; zoom: 1;*display: inline;} .flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;} .flex-control-paging li a.flex-active {background-position: 0 0;} .friends_banner img{ display:block;} /*首页标题*/ .indextitle{ position:relative; font-size:14px; padding:50px 0; position:relative; text-align:center; } .indextitle .m{ display:block; position:relative;} .indextitle h2{ font-size:32px; color:#000; font-weight:bold; display:block;} .indextitle p{ font-size:18px; text-transform:uppercase; display:block; } .indextitle h2:after{ content:"";border-bottom:4px solid #c62c20;width:60px;display:block; margin:14px auto;} .enindextitle{ position:relative; font-size:14px; padding:50px 0; position:relative; text-align:center; } .enindextitle .m{ display:block; position:relative;} .enindextitle h2{ font-size:32px; color:#000; font-weight:bold; display:block;} .enindextitle p{ font-size:40px; font-weight:bold; text-transform:uppercase; display:block; } .enindextitle p:after{ content:"";border-bottom:4px solid #c62c20;width:60px;display:block; margin:14px auto;} /*/首页标题*/ .products{background:#f4f4f4; padding-bottom:60px;} .slideBox_wx{ margin:0 auto; max-width:1200px; } .slideBox_wx .hd{ } .slideBox_wx .hd ul{ text-align:center; margin:0 auto;} .slideBox_wx .hd ul li{ display:inline-block; padding:10px 30px; margin:0 15px; background:#fff; text-transform:uppercase; font-size:18px;} .slideBox_wx .hd ul li.on{background:#c62c20; color:#fff;} .slideBox_wx .bd{ } .slideBox_wx .inBox{ margin:0 auto; } .slideBox_wx .inBox .inHd{ background:none; border:0;margin:20px auto;} .slideBox_wx .inBox .inHd ul{ text-align:left; margin:0 auto;} .slideBox_wx .inBox .inHd ul li{ display:inline-block; text-transform:uppercase;} .slideBox_wx .inBox .inHd ul li:after{ content:'|'; margin:0 15px; font-family:'宋体';} .slideBox_wx .inBox .inHd ul li:last-child:after{ content:''; margin:0;} .slideBox_wx .inBox .inHd ul li.on a{ color:#e62129; } .slideBox_wx .inBox .inBd{ margin:0 auto;overflow:hidden;position:relative;} .slideBox_wx .inBox .inBd ul a.more{ display:block; width:201px; float:right; line-height:40px; padding-left:30px; color:#fff; height:40px; background:url(../images/more.png) no-repeat; text-align:left; text-transform:uppercase; } .slideBox_wx .inBox .inBd ul li img{ display:block;} .slideBox_wx .inBox .inBd ul li{ float:left; width:290px; margin-right:13.333px; margin-bottom:13.333px;} .slideBox_wx .inBox .inBd ul li:nth-child(4n){ margin-right:0;} .liucheng{ background:#c62c20; padding:22px 0;} .liucheng_1 { display:flex;} .liucheng_1 ul:nth-child(1){ flex:2.2; border-right:1px solid rgba(255,255,255,0.5);} .liucheng_1 ul:nth-child(1) img{ display:block; margin:0 auto;} .liucheng_1 ul:nth-child(2){ flex:7.8; } .liucheng_1 ul:nth-child(2) .bd{display:flex;} .liucheng_1 ul:nth-child(2) li{ flex:1; text-align:center; color:#fff; font-size:20px; padding-top:20px; text-transform:uppercase;} .liucheng_1 ul:nth-child(2) li img{ display:block; margin:10px auto;} .about{ max-width:1200px; margin:0 auto 50px auto; min-height:400px; padding-top:30px;} .about_t{ width:630px; background:#fff; padding:20px 30px; box-shadow:0 0 15px rgba(0,0,0,0.1); float:right; line-height:2;} .about_t h2{ color:#c62c20; font-size:24px; font-weight:bold; display:block; border-bottom:1px solid #eee; padding:15px 0; margin-bottom:15px;} .about_t a{ display:block; width:120px; height:35px; line-height:35px; border:1px solid #ddd; text-align:center; margin:15px 0; font-size:14px;} .about_tt { height:170px; overflow:hidden;} /*新闻图片轮播 幻灯片*/ .news{ background:#f5f5f5; padding-bottom:50px;} .news .hd{ margin:0 auto 20px auto; max-width:1200px; text-align:center;} .news .hd li{ display:inline-block; padding:10px 30px; margin:0 15px; background:#fff; text-transform:uppercase;} .news .hd li.on{ background:#c62c20; color:#fff;} .news .bd{ max-width:1200px; margin:30px auto;} .news .bd ul a.more{ display:block; width:201px; float:right; line-height:40px; padding-left:30px; color:#fff; height:40px; background:url(../images/more.png) no-repeat; text-transform:uppercase;} .news .bd li{ float:left; width:630px; line-height:2; border-bottom:1px solid #eee; padding:8px 0 12px 0;} .news .bd li:nth-child(2){ padding-top:0; } .news .bd li img{ display:block; max-width:100%;} .news .bd li h2{ font-size:18px; font-weight:bold; text-overflow:ellipsis; color:#c62c20; text-transform:capitalize; overflow:hidden; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap;} .news .bd li p{font-size:16px;color: #333;word-break:break-all; line-height:1.7; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;} .news .bd li:nth-child(1){ width:535px; margin-right:35px; position:relative; padding:0;} .news .bd li:nth-child(1) h2{ position:absolute; width:100%; font-size:16px; padding:12px; color:#fff; bottom:0; left:0; background:rgba(0,0,0,0.7);} .news .bd li:nth-child(1) p{ display:none;} .news .bd li:last-of-type{ border-bottom:0;} /******首页配置********/ /****************内页配置*******************************/ .weizhi{ display:block; text-align:center; font-size:15px; z-index:1000;} .weizhi a{ color:#c62c20;} .info{ font-size:16px; margin:0 auto 50px auto; line-height:2.2; min-height:420px;} .info .m{ max-width:1200px; display:block; margin:0 auto; position:relative; text-align:left; font-size:14px; border:0; padding:0;} .info .m i{ font-size:15px;} .info .indextitle .m:after{ content:''; border:0;} .info .indextitle{ padding:20px 0; max-width:100%; margin:0; background:#f8f8f8;} .info .indextitle strong{ color:#c62c20;} .infocontent{ margin:0 auto; padding:0; padding:20px 0; max-width:1200px;}/*内页右边内容详情*/ .infocontent img{ display:block; max-width:100%; margin:0 auto;} .model_list{ text-align:center; padding-top:15px;} .model_list li{ display:inline-block; padding:0;} .model_list li:after{ content:'/'; padding:0 40px;color:#888;} .model_list li a{ color:#888;} .model_list li:last-child:after{ content:''; padding:0;} .model_list li.hover a{ color:#c62c20;} .left_menu{ padding:0 0 0 0; width:230px; float:left; margin:30px auto 0 auto; text-align:left; background:#fff; } .left_menu ul.left_title{ margin:0; padding:25px 0; text-transform:capitalize; text-align:left; padding-left:40px; background:#c62c20; border-radius:20px 0 0 0;line-height:30px;font-size:30px; color:#fff; text-shadow:2px 2px 5px rgba(222,129,3,1);} .left_menu ul.left_list{ border:1px solid #ddd;} .left_menu ul li{ border-bottom:1px solid #dcdcdc; line-height:50px; text-align:left;} .left_menu ul li.ledd{ background:#c62c20;} .left_menu ul li.ledd a{ color:#fff;} .left_menu ul li.ledd a:before{ color:#fff;} .left_menu ul li ul.small_left{ border-top:1px solid #dcdcdc; background:#f5f5f5; padding:0;} .left_menu ul li ul.small_left li{ line-height:2; border:0; font-size:14px; border-bottom:1px solid #eee;} .left_menu ul li ul.small_left li:last-child{ border-bottom:0;} .left_menu ul li ul.small_left li a{ padding:12px; padding-left:40px; font-size:14px; } .left_menu ul li ul.small_left li a:before{ content:'>'; font-family:'宋体'; margin-right:10px; font-size:14px; left:25px; top:14px;} .left_menu ul li:last-child{ margin-right:0; border-bottom:0;} .left_menu ul li a{padding:0; padding:20px 0;display:block; color:#222; padding-left:33px; font-size:18px; line-height:1.4; position:relative;} .left_menu ul li a:before{ content:'●'; margin-right:10px; color:#888; font-size:12px; position:absolute; left:15px; top:25px;} .aaaa{ padding:0; } .aaaa ul li{ display:inline-block; text-align:center; line-height:1.2; background:#eee; margin:0 5px 0 0; margin-bottom:8px;text-transform:capitalize; } .aaaa ul li:last-child{ margin-right:0;} .aaaa ul li a{padding:0; padding:0;display:block; color:#222; font-size:18px; padding:25px 14px;} .aaaa ul li:hover a{ background:#c62c20; color:#fff; } .aaaa li.ledd a{ background:#c62c20; color:#fff; } .feed_l{ background:url(../images/feedback.jpg) no-repeat left center; padding-left:650px;} .message{ background:#f4f4f4; padding:3%;} .message_show{ max-width:90%; margin:0 auto;} .message_show li{ font-size:20px; color:#000; padding:10px 0;} .message_show li span{ display:block; float:left; width:130px;} .message_show li input{ height:48px; line-height:48px; border:1px solid #ddd; padding:0 15px; width:380px; font-size:16px; font-family:'微软雅黑'; color:#888;} .message_show li textarea{ height:140px;border:1px solid #ddd; padding:15px; width:380px; font-size:16px; font-family:'微软雅黑'; color:#888;} .message_show .tijiao{ width:190px; height:55px; font-size:20px; text-align:center; line-height:55px; background:#333333; color:#fff !important; display:block; margin:0 0 30px 130px; border:0;font-family:'微软雅黑';} /*产品展示*/ .infopiclist{ margin:0 auto; padding:0; overflow:hidden; padding:10px 0; } .infopiclist ul{ margin:0; padding:0 0; } .infopiclist ul li{ width:32%; float:left; margin-right:2%; position:relative; margin-bottom:30px; } .infopiclist ul li:nth-child(3n){ margin-right:0;} .infopiclist ul li .indexlistpic{ position:relative; padding:0; display:block; overflow:hidden; border:1px solid #eee; } .infopiclist ul li img{ display:block; margin:0 auto; width:100%; position:relative; } .infopiclist ul li .pictitle{ text-align:center; bottom:0; width:100%; left:0;} .infopiclist ul li .pictitle h2{ display:block; font-size:16px; color:#222; padding-top:10px;} .w1100 .infocontent{ width:940px; float:right;} .w1100 .infopiclist{ margin:0 auto; padding:0; overflow:hidden; padding:10px 0; } .w1100 .infopiclist ul{ margin:0; padding:0 0; } .w1100 .infopiclist ul li{ width:32%; float:left; margin-right:1.333%; position:relative; margin-bottom:30px; } .w1100 .infopiclist ul li:nth-child(3n){ margin-right:0;} .w1100 .infopiclist ul li .indexlistpic{ position:relative; padding:0; display:block; overflow:hidden; border:1px solid #eee; } .w1100 .infopiclist ul li img{ display:block; margin:0 auto; width:100%; position:relative; } .w1100 .infopiclist ul li .pictitle{ text-align:center; bottom:0; width:100%; left:0;} .w1100 .infopiclist ul li .pictitle h2{ display:block; font-size:16px; color:#222; padding-top:10px;} /*翻页*/ .pager {TEXT-ALIGN: center; CLEAR: both; padding-bottom:35px; padding-top:15px;} .pager A { display:inline; zoom:1; margin-right:8px; padding:7px 15px; background:#eee; color:#000; } .pager SPAN { border:0;display:inline; zoom:1; margin-right:8px; padding:7px 15px; background:#c62c20; color:#fff;} .pager A:hover { background:#c62c20; color:#fff;} /*新闻*/ .articlist{ padding:0 0; } .articlist{ padding:;} .articlist li{ line-height:1.6; font-size:12px; border-bottom:1px dotted #ddd; padding:30px 0;} .articlist li:last-child{ border-bottom:0;} .articlist li .time{ display:block; font-size:16px; line-height:1.5; width:118px; margin-right:30px;text-align:center; float:left; position:relative; text-align:center; border-right:1px solid #eee; height:70px;} .articlist li .time span{ font-size:30px; display:block; font-weight:bold;} .articlist li .time i{ font-style:normal; color:#aaa;} .articlist li img{ width:240px; float:right; margin-left:15%;} .articlist li h3{ margin:0; line-height:1; color:#151515; font-weight:bold; margin-bottom:10px;text-overflow:ellipsis; overflow:hidden; font-size:17px; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap;} .articlist li p{color:#666666; font-size:14px; margin:5px 0; line-height:1.9; word-break:break-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } .articlist li .mm{ color:#439890; font-size:13px; display:inline-block; background:#c62c20; color:#fff; margin-top:10px; padding:5px 15px;} .articlist li:hover .time span,.newspic li:hover .time i,.newspic li:hover h3{ color:#c62c20;} /*详情*/ .s_title{ text-align:center;} .s_title h2{font-family:'微软雅黑'; font-size:18px; font-weight:bold;} .s_title p.z{ font-size:14px; color:#777; border-bottom:1px solid #eee; padding:5px;} .s_title p.c{ padding:12px; text-align:left; background:#eee; color:#888; font-size:12px;} .s_title p.c span{ display:inline-block; font-size:12px; font-weight:bold; color:#000;} .s_img{ padding:20px 0;} .s_img img{ display:block; max-width:100%;} .s_content{ padding:15px 0;} .bottom{ text-align:center; font-size:14px; padding:30px 0; margin:0 auto; color:#fff; background:#434343; position:relative;} .bottom1{ max-width:1200px; margin:0 auto; } .bottom1 ul{ width:50%; float:left;} .bottom1 ul dd{ font-size:18px; margin-bottom:15px; text-transform:uppercase;} .bottom1 ul:nth-child(1){ background:url(../images/blogo.png) no-repeat 52px 20px; padding-left:170px;} .bottom1 ul .b_contact{ text-align:left; line-height:1.6;} .bottom1 ul .b_contact h2{ font-size:20.5px; font-weight:bold;} .bottom1 ul .b_contact h3{ font-size:16px; margin:15px 0;} .bottom1 ul .b_contact h4{ font-size:24px; margin-bottom:12px;} .bottom1 ul .b_contact p{ font-size:12px;} .bottom1 ul .b_contact a.more{ height:30px; width:98px; border:1px solid #fff; border-radius:5px; color:#fff; display:block; text-align:center; line-height:30px; margin:5px 0;} .bottom_menu{ width:50%; text-align:left;} .bottom_menu li{ display:block; float:left; font-weight:bold; margin-right:50px; text-align:left; font-size:16px;text-transform:uppercase; line-height:2;} .bottom_menu li a{ color:#fff;} .bottom_menu li span{ display:block; font-size:12px;text-transform:capitalize;} .bottom_menu li span a{ color:rgba(255,255,255,0.6);} .bottom_menu li .submenu{ margin-top:15px;} .bottom_menu li:last-child{ margin-right:0;} .enbottom_menu{ width:50%; text-align:left;} .enbottom_menu li{ display:block; float:left; font-weight:bold; margin-right:32px; text-align:left; font-size:16px;text-transform:uppercase; line-height:2;} .enbottom_menu li a{ color:#fff;} .enbottom_menu li span{ display:block; font-size:12px;text-transform:capitalize;} .enbottom_menu li span a{ color:rgba(255,255,255,0.6);} .enbottom_menu li .submenu{ margin-top:15px;} .enbottom_menu li#menuimg_3,.enbottom_menu li#menuimg_5,.enbottom_menu li#menuimg_6{ margin-right:0; display:none;} .enbottom_menu li#menuimg_7{ margin-right:0} .bottom_b{ background:#222222; color:#fff; text-align:center; padding:12px; font-size:15px;} .bottom_b a{ color:#fff;} .link { margin-top:30px; text-align:left;} .link a{ padding:0 10px; color:#fff; } .link a:after{ content:'|'; padding-left:20px;} .link span:last-child a:after{ content:''; padding:0;} .footer_h{ height:52px; display:none } .footmenu { display:none;} /*分享*/ .bdsharebuttonbox{ max-width:1200px; margin:0 auto; padding:10px 0;} .bdsharebuttonbox a{ padding-right:10px; padding-left:22px !important;} @media (max-width:768px){ table{table-layout:fixed; word-break: break-all; word-wrap: break-word; width:100% !important;} table td{ width:auto !important;} .gupiao{ display:none;} .lange,.qy_wel{ display:none;} .logo_1{ margin:0 auto; padding:0; max-width:100%; position:static !important; left:0; top:auto; -webkit-transform: translate(0,0);transform: translate(0,0);} .logo_1 h3{ text-transform:uppercase; color:#aaa; font-size:12px;} .logo_1 p{ padding:10px 0; font-size:12px; line-height:1.3;} .logo_1 h1{ display:block; font-size:20px; font-weight:bold; color:#fff; padding:0; line-height:50px; text-align:left; } .logo_img{ padding:5px 8px; float:none; position:static; margin:0; width:auto; height:auto;} .logo_img img{ height:40px; width:auto; display:block; margin:0; } .logoh{ height:50px; display:block;} .logo_1 .search{ display:none;} .info_t img{ display:block; margin:0 auto; max-width:100%; } .w1100{ margin:0; padding:0; z-index:0; max-width:100%;} .logos{ display:none !important;} .tel,.email{ display:none;} .logo{ position:relative; margin:0 auto; border-bottom:0; position:fixed; top:0; padding:0; max-width:100%; background:#fff; z-index:100; overflow:inherit !important; width:100%; } .top{ display:none;} /****************************************************************导航*********************************************************************/ .navbox{ display:none;} .btn{ width:auto; position:absolute; right:12px; top:15px; z-index:10000 !important; } .sp_nav{width:50px; top:15px; right:0; position:fixed;cursor:pointer;height:30px;margin-top:0;display:block;} .sp_nav span{display:block;background:#c62c20;width:25px;height:2px;position:absolute;left:10px;transition:all ease 0.35s} .sp_nav span:nth-of-type(1){top:0px} .sp_nav span:nth-of-type(2){top:8px} .sp_nav span:nth-of-type(3){top:16px} .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)} .sp_nav_se span:nth-of-type(2){width:0} .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)} .sjj_nav{position:fixed;background:#fff;width:100%;height:calc(100%);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;z-index:9; display:block; text-transform:capitalize;} .nav_show{top:50px} .sjj_nav ul li{padding:1.5% 3%;} .sjj_nav ul li a{ display:block;} .sjj_nav ul li i{ display:block; font-size:15px; font-style:normal;} .sjj_nav ul li i:after{content: "+"; position: absolute; right: 20px; top: 0; font-size: 20px; font-weight: 300; } .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s} .sjj_nav ul li .sjj_nav_i_se{ color:#1e50ae;} .sjj_nav ul li .sjj_nav_i_se:after{content: "-"; position: absolute; right: 20px; top: 0; font-size: 20px; font-weight: 300; } .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)} .sjj_nav ul li{border-top:1px #eee solid;position:relative;line-height:40px;font-size:14px; } .sjj_nav>ul >li:last-child{border-bottom:1px #eee solid;} .sjj_nav ul li ul{display:none} .sjj_nav ul li ul{ padding:0 3%;} .sjj_nav ul li ul li{ border:0; padding:3% 0; border-bottom:1px solid #eee; line-height:2;} .sjj_nav ul li ul li p{ color:#aaa;} .sjj_nav ul li ul li a{ display:block;} .sjj_nav ul li ul li:last-child{ border-bottom:0;} .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;} .sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e} .sjj_nav ul li ul li>ul{margin-left:0} .sjj_nav ul li ul li ul{ margin:0; padding:10px;} .sjj_nav ul li ul li ul span{ display:inline-block; width:50%; padding:0; text-align:left; font-size:14px;} input[type="button"], input[type="submit"], input[type="reset"],select { -webkit-appearance: none; } .flexslider {margin: 0 auto;position: relative;zoom: 1; width:560px} .slider{ margin:0 auto; width:560px; position:relative; left:50%; margin-left:-280px;} .flexslider .slides img {display: block; width:560px; position:relative; left:50%; margin-left:-280px; position:relative;} .flex-direction-nav a{ background:none !important;} .friends_banner{ position:relative; overflow:hidden;} .friends_banner img{ width:740px; position:relative; left:50%; margin-left:-370px;} /*首页标题*/ .indextitle{ position:relative; font-size:14px; padding:20px 0; position:relative; text-align:center; } .indextitle .m{ display:block; position:relative;} .indextitle h2{ font-size:22px; color:#000; font-weight:bold; display:block;} .indextitle p{ font-size:15px; text-transform:uppercase; display:block; } .indextitle h2:after{ content:"";border-bottom:4px solid #c62c20;width:60px;display:block; margin:14px auto;} .enindextitle{ position:relative; font-size:14px; padding:20px 0; position:relative; text-align:center; } .enindextitle .m{ display:block; position:relative;} .enindextitle h2{ font-size:25px; color:#000; font-weight:bold; display:block;} .enindextitle p{ font-size:25px; font-weight:bold; text-transform:uppercase; display:block; } .enindextitle p:after{ content:"";border-bottom:4px solid #c62c20;width:60px;display:block; margin:14px auto;} /*/首页标题*/ .products{background:#f4f4f4; padding-bottom:20px;} .slideBox_wx{ margin:0 auto; max-width:1200px; } .slideBox_wx .hd{ } .slideBox_wx .hd ul{ text-align:center; margin:0 auto; display:flex;} .slideBox_wx .hd ul li{ display:inline-block; padding:10px 0; flex:1; margin:0 5px; background:#fff; text-transform:uppercase; font-size:15px;} .slideBox_wx .hd ul li.on{background:#c62c20; color:#fff;} .slideBox_wx .bd{ } .slideBox_wx .inBox{ margin:0 auto; } .slideBox_wx .inBox .inHd{ background:none; border:0;margin:20px auto;} .slideBox_wx .inBox .inHd ul{ text-align:center; margin:0 auto;} .slideBox_wx .inBox .inHd ul li{ display:inline-block; text-transform:uppercase; font-size:12px;} .slideBox_wx .inBox .inHd ul li:after{ content:'|'; margin:0 8px; font-family:'宋体';} .slideBox_wx .inBox .inHd ul li:last-child:after{ content:''; margin:0;} .slideBox_wx .inBox .inHd ul li.on a{ color:#e62129; } .slideBox_wx .inBox .inBd{ margin:0 auto;overflow:hidden;position:relative;} .slideBox_wx .inBox .inBd ul a.more{ display:block; width:155px; float:right; line-height:30px; padding-left:30px; color:#fff; height:30px; font-size:12px; background:url(../images/more.png) no-repeat; text-align:left; text-transform:uppercase; margin-top:15px;background-size:auto 30px;} .slideBox_wx .inBox .inBd ul{ padding:1.5%;} .slideBox_wx .inBox .inBd ul li img{ display:block; max-width:100%;} .slideBox_wx .inBox .inBd ul li{ float:left; width:50%; margin-right:0; margin-bottom:0; padding:1.5%;} .slideBox_wx .inBox .inBd ul li:nth-child(4n){ margin-right:0;} .liucheng{ background:#c62c20; padding:22px 0;} .liucheng_1 { display:block;} .liucheng_1 ul:nth-child(1){ width:25%; float:left; border-right:1px solid rgba(255,255,255,0.5); } .liucheng_1 ul:nth-child(1) img{ display:block; margin:0 auto; max-width:55%;} .liucheng_1 ul:nth-child(2){ width:75%; float:left; display:block; overflow:hidden;} .liucheng_1 ul:nth-child(2) .bd{display:block;} .liucheng_1 ul:nth-child(2) li{ width:33.333%; float:left; margin:0; text-align:center; color:#fff; font-size:12px; padding-top:5px; text-transform:uppercase;} .liucheng_1 ul:nth-child(2) li img{ display:block; margin:10px auto;} .about{ max-width:1200px; margin:0 auto 10px auto; min-height:400px; padding-top:120px; background-size:100% auto !important;} .about_t{ width:94%; margin:3%; background:#fff; padding:20px 30px; box-shadow:0 0 15px rgba(0,0,0,0.1); float:right; line-height:2;} .about_t h2{ color:#c62c20; line-height:1.3; text-transform:capitalize; font-size:18px; font-weight:bold; display:block; border-bottom:1px solid #eee; padding:8px 0; margin-bottom:15px;} .about_t a{ display:block; width:120px; height:35px; line-height:35px; border:1px solid #ddd; text-align:center; margin:15px 0; font-size:14px;} .about_tt { height:170px; overflow:hidden; font-size:14px;} /*新闻图片轮播 幻灯片*/ .news{ background:#f5f5f5; padding-bottom:1px;} .news .hd{ margin:0 auto 20px auto; max-width:1200px; text-align:center;} .news .hd ul{display:flex; padding:0 2%; } .news .hd li{ flex:1; padding:10px 0; font-size:15px; margin:0 5px; background:#fff; text-transform:uppercase;} .news .hd li.on{ background:#c62c20; color:#fff;} .news .hd li.on a{ color:#fff;} .news .bd{ max-width:1200px; margin:30px auto;} .news .bd ul a.more{ display:block; width:155px; float:right; line-height:30px; padding-left:30px; color:#fff; height:30px; background:url(../images/more.png) no-repeat; text-transform:uppercase;background-size:auto 30px; font-size:12px;} .news .bd li{ float:left; width:100%; line-height:2; border-bottom:1px solid #eee; padding:3%;} .news .bd li:nth-child(2){ padding-top:0; } .news .bd li img{ display:block; max-width:100%;} .news .bd li h2{ font-size:16px; font-weight:bold; text-overflow:ellipsis; color:#c62c20; text-transform:capitalize; overflow:hidden; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap;} .news .bd li p{font-size:14px;color: #333;word-break:break-all; line-height:1.7; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;} .news .bd li:nth-child(1){ width:100%; margin-right:0; position:relative; padding:0;} .news .bd li:nth-child(1) h2{ position:absolute; width:100%; font-size:14px; padding:12px; color:#fff; bottom:0; left:0; background:rgba(0,0,0,0.7);} .news .bd li:last-of-type{ border-bottom:0;} /******首页配置********/ /****************内页配置*******************************/ .weizhi{ display:none; font-size:0.7rem; } .info{ font-size:16px; margin:0;line-height:2.2; min-height:520px; max-width:1420px; } .left_menu{ padding: 0; width:100%; float:none; margin:0 auto 0 auto; text-align:left; background:#fff; border-bottom:1px solid #dcdcdc; } .left_menu ul.left_title{ display:none;} .left_menu ul.left_list{ border:0;} .left_menu ul li{ border-bottom:0; text-transform:capitalize; text-align:left;float:left;} .left_menu ul li.log{ width:100%; float:left; font-size:16px;} .left_menu ul li ul.small_left{ border-top:1px solid #eee;border-bottom:1px solid #eee; background:#f5f5f5; padding:8px;} .left_menu ul li ul.small_left li{ display:block; width:50%; float:left;line-height:1; border:0;} .left_menu ul li ul.small_left li a{padding:8px 0;padding-left:6px; font-size:12px; } .left_menu ul li ul.small_left li a:before{ content:'·'; margin-right:6px; font-size:14px;} .left_menu ul li:last-child{ margin-right:0; border-bottom:0;} .left_menu ul li a{display:block; color:#222; padding:13px; font-size:12px;} .left_menu ul li a:before{ content:'●'; margin-right:5px; color:#888; font-size:12px; position:static;} .left_menu ul li.ledd a{ color:#fff;} .left_menu ul li.ledd a:before{color:#fff;} .info .indextitle{ padding:10px; text-align:left;} .info .indextitle .m{ font-size:12px; border:0; text-align:left; padding:0;} .info .indextitle .m i{ font-size:14px; margin-right:0px; font-weight:normal; color:#333333;} .infocontent{clear:both; margin:0 auto; padding:3%; float:none; width:auto; max-width:100%; }/*内页右边内容详情*/ .infocontent img{ display:block; max-width:100%; margin:0 auto; height:auto !important;} .infopiclist{ margin:0%; padding:0; overflow:hidden; padding:0; } .infopiclist ul{ margin:0; padding:0; } .infopiclist ul li{ width:48.5%; margin:0; float:left; padding:0; margin-bottom:3%;} .infopiclist ul li:nth-child(2n){ float:right;} .infopiclist ul li .indexlistpic{ width:auto; overflow:hidden; padding:0; display:block;} .infopiclist ul li img{ width:100%; border-radius:0; width:auto; } .infopiclist ul li .indexlistname{ font-size:15px;} .infopiclist ul li .pictitle{ font-size:12px; text-align:left; } .infopiclist ul li .pictitle h2{ display:block; font-size:12px;text-align:center; } .w1100 .infocontent{ width:100%; float:none;} .w1100 .infopiclist{ margin:0 auto; padding:0; overflow:hidden; padding:0 0; } .w1100 .infopiclist ul{ margin:0; padding:0 0; } .w1100 .infopiclist ul li{ width:48.5%; float:left; margin-right:0; position:relative; margin-bottom:3%; } .w1100 .infopiclist ul li:nth-child(2n){ float:right;} .w1100 .infopiclist ul li .indexlistpic{ position:relative; padding:0; display:block; overflow:hidden; border:1px solid #eee; } .w1100 .infopiclist ul li img{ display:block; margin:0 auto; width:100%; position:relative; } .w1100 .infopiclist ul li .pictitle{ text-align:center; bottom:0; width:100%; left:0;} .w1100 .infopiclist ul li .pictitle h2{ display:block; font-size:12px; color:#222; padding-top:10px;} .articlist{ padding:0 0; } .articlist li { font-size:14px; padding:2% 0; float:none; width:100%;} .articlist li:nth-child(2n){ float:none;} .articlist li a.img{ display:block; overflow:hidden; float:none; padding:0; margin-right:0; width:100%;} .articlist li img{ width:100%; margin:0; margin-bottom:10px; display:block; float:none; } .articlist li .time{ display:none;} .articlist li .date{ display:none; float:left; width:100px; height:120px;font-family:'微软雅黑';} .articlist li .date strong{ font-size:26px; font-weight:bold; color:#4a4a4a;} .articlist li .date p{ font-size:14px; color:#888;} .articlist li .mm{ color:#439890; font-size:12px; display:inline-block; background:#c62c20; color:#fff; margin-top:10px; padding:3px 12px;} .articlist li h3{ font-size:15px; color:#171717;font-family:'微软雅黑'; display:block; line-height:2; height:auto; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .articlist li p{display:block; color:#8c8c8c; font-size:12px; line-height:2; margin:0 0; padding:0; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .articlist li p a{ color:#662501; } /*详情*/ .s_title{ text-align:center;} .s_title h2{font-family:'微软雅黑'; font-size:16px; line-height:1.4; font-weight:bold;} .s_title p.z{ font-size:14px; color:#777; border-bottom:1px solid #eee; padding:5px;} .s_title p.c{ padding:12px; text-align:left; background:#eee; color:#888; font-size:12px;} .s_title p.c span{ display:inline-block; font-size:12px; font-weight:bold; color:#000;} .s_img{ padding:20px 0;} .s_img img{ display:block; max-width:100%; height:auto;} .s_content{ padding:15px 0;} .s_content img{ margin:10px auto !important; display:block; max-width:100%;} .Upper{ font-size:12px;} iframe{ display:block; width:100% !important; height:280px !important; overflow:hidden;} .feed_l{ background:none; padding-left:0; margin:0 auto;} .message{ padding:3%;} .message_show{ max-width:1200px; margin:0 auto; } .message_show li{ font-size:16px; color:#000; padding:2% 3%;} .message_show li span{ display:block; float:none; width:130px;} .message_show li input{ height:48px; line-height:48px; border:1px solid #ddd; padding:0 3%; width:94%; font-size:15px; font-family:'微软雅黑'; color:#888;} .message_show li textarea{ height:140px;border:1px solid #ddd; padding:3%; width:94%; font-size:15px; font-family:'微软雅黑'; color:#888;} .message_show .tijiao{ width:160px; border-radius:5px; height:50px; font-size:16px; text-align:center; line-height:50px; background:#333333; color:#fff !important; display:block; margin:0 auto; border:0;font-family:'微软雅黑';} .link{ font-size:12px; padding:3%; display:none;} .bottom{ text-align:center; font-size:14px; padding:20px 0; margin:0 auto; color:#fff; background:#434343; position:relative;} .bottom1{ max-width:1200px; margin:0 auto; } .bottom1 ul{ width:100%; float:left;} .bottom1 ul dd{ font-size:18px; margin-bottom:15px; text-transform:uppercase;} .bottom1 ul:nth-child(1){ background:url(../images/blogo.png) no-repeat 15px 20px; padding-left:100px;} .bottom1 ul .b_contact{ text-align:left; line-height:1.6;} .bottom1 ul .b_contact h2{ font-size:16px; font-weight:bold;} .bottom1 ul .b_contact h3{ font-size:14px; margin:15px 0;} .bottom1 ul .b_contact h4{ font-size:20px; margin-bottom:12px;} .bottom1 ul .b_contact p{ font-size:0.7rem;} .bottom1 ul .b_contact a.more{ height:30px; width:98px; border:1px solid #fff; border-radius:5px; color:#fff; display:block; text-align:center; line-height:30px; margin:5px 0; font-size:12px;} .bottom_menu{ width:50%; text-align:left; display:none;} .bottom_menu li{ display:block; float:left; font-weight:bold; margin-right:50px; text-align:left; font-size:16px;text-transform:uppercase; line-height:2;} .bottom_menu li a{ color:#fff;} .bottom_menu li span{ display:block; font-size:12px;text-transform:capitalize;} .bottom_menu li span a{ color:rgba(255,255,255,0.6);} .bottom_menu li .submenu{ margin-top:15px;} .bottom_menu li:last-child{ margin-right:0;} .enbottom_menu{ width:50%; text-align:left; display:none;} .enbottom_menu li{ display:block; float:left; font-weight:bold; margin-right:32px; text-align:left; font-size:16px;text-transform:uppercase; line-height:2;} .enbottom_menu li a{ color:#fff;} .enbottom_menu li span{ display:block; font-size:12px;text-transform:capitalize;} .enbottom_menu li span a{ color:rgba(255,255,255,0.6);} .enbottom_menu li .submenu{ margin-top:15px;} .enbottom_menu li#menuimg_3,.enbottom_menu li#menuimg_5,.enbottom_menu li#menuimg_6{ margin-right:0; display:none;} .enbottom_menu li#menuimg_7{ margin-right:0} .bottom_b{ background:#222222; color:#fff; text-align:center; padding:12px; font-size:12px; line-height:1.6;} .bottom_b a{ color:#fff;} .bottom_qrcode{ display:none;} .footer_h{ height:52px; display:block; } .footmenu a{ color:#fff;} .footmenu{color:#fff; background:#000; position:fixed; bottom:0; left:0; width:100%; z-index:10000; display:block; } .footmenu ul{display:-webkit-box;display:-webkit-flex;display:flex;justify-content:center;} .footmenu ul li{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center;font-size:12px; padding:6px 0;} .footmenu ul li i{ display:block; width:20px; height:20px; line-height:20px; font-size:18px; margin:0 auto;} .pager {TEXT-ALIGN: center; CLEAR: both; padding:2% 0;} .pager A { display:inline; zoom:1; margin-right:3px; padding:5px 8px; background:#eee; color:#000; font-size:12px; } .pager SPAN { border:0;display:inline; zoom:1; margin-right:2px; padding:5px 10px; background:#c62c20; color:#fff;font-size:12px;} .pager A:hover { background:#c62c20; color:#fff;} /*分享*/ .bdsharebuttonbox{ max-width:1420px; margin:0 auto; padding:10px 0; display:none;} .bdsharebuttonbox a{ padding-right:10px; padding-left:22px !important;} }